alchemy-list-filter {
  display: flex;
  position: relative;

  > alchemy-icon {
    position: absolute;
    left: var(--spacing-2);
    top: 50%;
    transform: translateY(-50%);
  }

  .js_filter_field {
    width: 100%;
    padding-left: var(--spacing-7);
    padding-right: var(--spacing-6);
    margin: 0;

    form .input & {
      float: none;
      width: 100%;
    }
  }

  .js_filter_field_clear {
    display: flex;
    visibility: hidden;
    position: absolute;
    right: var(--spacing-1);
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
  }
}
